
@if mgwt.css pretty {
	@external mgwt-CheckBox, mgwt-CheckBox-middle, mgwt-CheckBox-middle-content, mgwt-CheckBox-on, mgwt-CheckBox-off, mgwt-CheckBox-important, mgwt-CheckBox-notchecked, mgwt-CheckBox-checked;
	
}

.mgwt-CheckBox {
	
	width: 94px;
	display: -webkit-box;
	\-webkit-box-orient: horizontal;
	\-webkit-box-pack: justify;
	\-webkit-tap-highlight-color: transparent;
	overflow: hidden;
	\-webkit-border-radius: 6px;
	text-align: center;
	line-height: 28px;
	cursor: pointer;
	\-webkit-box-sizing: border-box;
}

.mgwt-CheckBox-middle {
	\-webkit-transition: all 0.1s ease-in-out;
	\-webkit-border-radius: 6px;
	position: relative;
	z-index: 1;
	border: solid 1px #929292;
}

.mgwt-CheckBox-middle-content {
	display: block;
	\-webkit-box-sizing: border-box;
	position: relative;
	height: 25px;
	width: 38px;
	background-image: literal('-webkit-gradient(linear, left top, left bottom, from(#cecece), to(#fcfcfc) )');
	border-top: solid 1px #eeeeee;
	\-webkit-border-radius: 7px;
}


.mgwt-CheckBox-on {
	position: relative;
	height: 25px;
	color: #ffffff;
	margin-right: -6px;
	background-image: literal('-webkit-gradient(linear, left top, left bottom, from(#295ab3), to(#76adfb) )');
	width: 54px;
	padding-right: 4px;
	border: solid 1px #093888;
	\-webkit-border-top-left-radius: 6px;
	\-webkit-border-bottom-left-radius: 6px;
	\-webkit-transition: all 0.1s ease-in-out;

}

@if mgwt.os android {
	.mgwt-CheckBox-on {
		background-image: literal('-webkit-gradient(linear, left top, left bottom, from(#74b143), to(#43830e) )');
		border: solid 1px black;
	}
}

.mgwt-CheckBox-off {
	position: relative;
	color: #666666;
	background-image: literal('-webkit-gradient(linear, left top, left bottom, from(#b6b6b6), color-stop(0.50, #ffffff) )');
	width: 54px;
	padding-left: 4px;
	border: solid 1px #a2a2a2;
	\-webkit-border-top-right-radius: 6px;
	\-webkit-border-bottom-right-radius: 6px;
	margin-left: -6px;
	height: 25px;
	\-webkit-transition: all 0.1s ease-in-out;

}

@if mgwt.os android {
	.mgwt-CheckBox-off {
		/*background-image: literal('-webkit-gradient(linear, left top, left bottom, from(#74b143), to(#43830e) )');*/
		border: solid 1px black;
	}
}



.mgwt-CheckBox-important .mgwt-CheckBox-on {
	background-image: literal('-webkit-gradient(linear, left top, left bottom, from(#e75f00), color-stop(.5, #fe9c12) )');
	border: solid 1px #d87101;
}


.mgwt-CheckBox-notchecked .mgwt-CheckBox-middle {
    \-webkit-transform: translate3d(-54px,0,0);
}

.mgwt-CheckBox-checked .mgwt-CheckBox-middle {
    \-webkit-transform: translate3d(0px,0,0);
}

.mgwt-CheckBox-notchecked .mgwt-CheckBox-off {
    \-webkit-transform: translate3d(-54px,0,0);
}

.mgwt-CheckBox-checked .mgwt-CheckBox-off {
    \-webkit-transform: translate3d(10px,0,0);
}

.mgwt-CheckBox-notchecked .mgwt-CheckBox-on {
    \-webkit-transform: translate3d(-62px,0,0);
}

.mgwt-CheckBox-checked .mgwt-CheckBox-on {
    \-webkit-transform: translate3d(0px,0,0);
}